.container {
  min-height: 100vh;
  background: #f0f2f5;

  .sider {
    background: #fff;
    border-right: 1px solid #f0f0f0;

    :global {
      .ant-menu {
        border-right: none;
      }
    }
  }

  .content {
    padding: 24px;
    min-height: 100vh;

    .titleCard {
      margin-bottom: 24px;
      border-radius: 8px;

      h3 {
        margin: 0;
        color: #1890ff;
        font-size: 16px;
      }
    }

    .tableCard {
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

      :global {
        .ant-table {
          .ant-table-thead > tr > th {
            background: #fafafa;
            font-weight: 500;
          }

          .ant-table-tbody > tr > td {
            font-size: 13px;
          }
        }
      }
    }

    .pagination {
      margin-top: 24px;
      text-align: right;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 16px;

      span {
        color: rgba(0, 0, 0, 0.45);
      }
    }
  }
} 